<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/hots.scss'}">

<div class="hotsWrapper">
    <div class="hotsWrapperBody">
    <table>
    <tr>
    <a href="@{Commodities.index}">
    	<div class="category-title">
			<div class="category-title-mainTitle"><strong>热销排行</strong></div>
			<div class="category-title-subTitle"><strong>HOTS</strong></div>
			<div class="category-title-more"><strong>more..</strong></div>
		</div>
	</a>
    </tr>
	    <tbody>
	    #{list items:_items, as:'commodity'}
	    <tr class="rankedItem">
	    <td class="rankedItemImageCell">
	      <div class="rankedItemImage">
	        <a title="" href="@{Commodities.show(commodity.id)}">
					#{if commodity.images}
						#{list items:commodity.images, as:'image'}
							#{if image.sequence == 1}
							<img class="midImg" src="@{Attachments.show(image.image.id)}">
							#{/if}
						#{/list}
					#{/if}
					#{else}
					<img class="midImg" src="@{'public/images/favicon.png'}">
					#{/else}
	        </a>
	      </div>
	    </td>
	    <td>
	      <div class="rankedItemInfo">
	        <div class="noDil">
	          <span class="rank">1.</span>
	           <span class="moverRank"></span>
	          <span class="tiny dilText"></span>
	        </div>
	        <a class="titleLink" title="" href="@{Commodities.show(commodity.id)}">${commodity.name}</a>
	        <div class="tiny byline">品牌: #{if commodity.brand}${commodity.brand.name} #{/if}</div>
	        <div class="platformBinding"></div>
	        <div class="priceBlock "> <span class="listprice"></span> <strong class="price">￥ ${commodity.price}</strong> <br></div>
	      </div>
	    </td>
	    </tr>
		#{/list}
		</tbody>
	</table>
    </div>
</div>
